<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8"
	isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>电商平台用户信息页面</title>

<!--js-->
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/common.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/ddsmoothmenu.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.elastislide.js"></script>
<script src="js/jquery.jcarousel.min.js"></script>
<script src="js/jquery.accordion.js"></script>
<script src="js/light_box.js"></script>

<script type="text/javascript" src="js/Popt.js"></script>
<script type="text/javascript" src="js/city.json.js"></script>
<script type="text/javascript" src="js/citySet.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$(".inline").colorbox({
			inline : true,
			width : "50%"
		});
	});
</script>
<!--end js-->

<!-- CSS ================================================== -->
<style type="text/css">
* {
	font-family: "微软雅黑";
}
</style>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/orange.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/ddsmoothmenu.css" />
<link rel="stylesheet" href="css/elastislide.css" />
<link rel="stylesheet" href="css/home_flexslider.css" />
<!-- 下拉框样式 -->
<link rel="stylesheet" href="css/addr.css" />
<link rel="stylesheet" href="css/light_box.css" />
<script src="js/html5.js"></script>

</head>
<body>
	<div class="mainContainer sixteen container">

		<%@include file="accessheader.jsp"%>
		<!--Content Block-->
		<section class="content-wrapper">
			<div class="content-container container">
				<div class="main">
					<form action="update.user" method="post" onsubmit="return check();">
						<h1 class="page-title">修改用户信息</h1>
						<div class="fieldset">
							<h2 class="legend">个人信息</h2>
							<ul class="form-list">
								<li class="fields">
									<div class="customer-name">
										<div class="input-box name-firstname">
											<label for="firstname">用户名<em>*</em></label> <input
												type="hidden" name="id" value="${user.id}"><input
												type="text" class="required-entry input-text" title="用户名"
												name="name" value="${user.name}" readonly="readonly">

										</div>
										<div class="clear"></div>

									</div>
								</li>


								<li class="fields">
									<div class="customer-name">
										<div class="input-box name-firstname">
											<label for="phone">电话<em>*</em></label> <input type="text"
												class="required-entry input-text" title="电话号码" name="phone"
												value="${user.phone }" required="required">
										</div>
										<div class="clear"></div>

									</div>
								</li>

								<li>

									<div class="input-box">
										<label class="required" for="email_address">送货地址<em>*</em>

										</label> <input class="input" id="city" type="text" placeholder="请选择"
											autocomplete="off" required="required" />
										<textarea class="input-text validate-email required-entry"
											rows="10" cols="35" name="addr2" id="addr2"
											placeholder="${user.addr }" required="required"></textarea>

									</div> <script type="text/javascript">
										$("#city").click(function(e) {
											SelCity(this, e);
										});
									</script>

									<div class="clear"></div>
								</li>


							</ul>
							<h2 class="legend">确认密码</h2>
							<ul class="form-list">
								<li class="fields">
									<div class="customer-name">
										<div class="input-box name-firstname">
											<label for="firstname">密码<em>*</em></label> <input
												type="password" class="required-entry input-text" title="密码"
												placeholder="请输入密码" name="password" id="password"
												required="required">
										</div>
										<div class="input-box name-lastname">
											<label for="lastname">确认密码<em>*</em></label> <input
												type="password" class="required-entry input-text"
												title="确认密码" placeholder="请再次输入密码" id="pwd2"
												required="required">
										</div>
										<script type="text/javascript">
											function check() {
												var password = document
														.getElementById("password").value;
												var repsword = document
														.getElementById("pwd2").value;
												if (password === '') {
													alert('密码不能为空');
													return false;
												}
												if (password != repsword) {
													alert("两次密码不同，请重新输入");
													return false;
												}

											}
										</script>

										<div class="clear"></div>
									</div>
								</li>
							</ul>
							<div class="buttons-set">

								<a href="index.product" title="返回" class="f-left">&laquo; 返回</a>
								<input type="submit" value="修改" class="orange-btn" />
								<div class="clear"></div>
							</div>
						</div>
					</form>
				</div>

				<div class="clearfix"></div>

			</div>
		</section>
	</div>
	<!--Footer Block-->
	<section class="footer-wrapper">
		<%@include file="footer.jsp"%>
	</section>
</body>
</html>